<template>
  <div class="box" :style="{ backgroundColor: bj, color: wz }">
    {{ hh }}
  </div>
</template>
<script>
export default {
  name: '',
  props: {
    hh: {
      type: String,
      default: '默认按钮'
    },
    bj: {
      type: String,
      default: '#ecf5ff'
    },
    wz: {
      type: String,
      default: '#daffff'
    },
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
.box {
  width: 120px;
  height: 60px;
  // background-color: #ecf5ff;
  // color: black;
  // line-height: 120px;
  line-height: 60px;
  text-align: center;
  border-radius: 10px;
  margin: 10px;
}
</style>
